<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>service page</title>
    <style>
        .div-all {
            width: 450px;
            height: 405px;
            background-image: url("/image/雪山2.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            margin: 0 auto;
            border: 2px solid grey;
        }

        .div1, .div2, .div3, .div4, .div5, .div6 {
            text-align: center;
            margin: 20px;

        }

        a {
            text-decoration: none;
        }

        a:link {
            color: blue;
        }

        a:visited {
            color: blue;
        }

        a:hover {
            color: red
        }
    </style>
</head>
<body>
<div class="div-all">
    <div class="div1"> select the function you need</div>
    <div class="div1">
        <a href="../member/insert_mem.html">insert page</a>
    </div>
    <div class="div2">
        <a href="../member/del_mem.html">delete page</a>
    </div>
    <div class="div3">
        <a href="../member/update_mem.html">update page </a>
    </div>
    <div class="div4">
        <a href="../member/select_mem.html">select page</a>
    </div>
    <div class="div5">
        <a href="/query_mem">query all info</a>
    </div>

    <div class="div1">
        <button>
            <a href="/toindex"> index</a>
        </button>
    </div>


</div>

</body>
</html>